{extend name="default/base/base_seller" /}
{block name="seller_main"}

<div class="dssc-form-default">
    <form id="add_form" action="{:url('Sellergroupbuy/groupbuy_save',['vr'=>1])}" method="post" enctype="multipart/form-data">
        <dl>
            <dt><i class="required">*</i>{$Think.lang.group_name}{$Think.lang.ds_colon}</dt>
            <dd>
                <input class="w400 text" name="groupbuy_name" type="text" id="groupbuy_name" value="" maxlength="30"  />
                <span></span>
                <p class="hint">{$Think.lang.group_name_tip}</p>
            </dd>
        </dl>
        <dl>
            <dt>{$Think.lang.snap_up_subtitles}{$Think.lang.ds_colon}</dt>
            <dd>
                <input class="w400 text" name="remark" type="text" id="remark" value="" maxlength="30"  />
                <span></span>
                <p class="hint">{$Think.lang.snap_up_subtitle_word_limit}</p>
            </dd>
        </dl>
        <dl>
            <dt><i class="required">*</i>{$Think.lang.start_time}{$Think.lang.ds_colon}</dt>
            <dd>
                <input id="start_time" name="start_time" type="text" class="text w130" /><em class="add-on"><i class="iconfont">&#xe8d6;</i></em><span></span>
                <p class="hint">{$Think.lang.start_time_cannot_less_than}{$groupbuy_starttime|date="Y-m-d H:i"}</p>
            </dd>
        </dl>
        <dl>
            <dt><i class="required">*</i>{$Think.lang.end_time}{$Think.lang.ds_colon}</dt>
            <dd>
                <input id="end_time" name="end_time" type="text" class="text w130"/><em class="add-on"><i class="iconfont">&#xe8d6;</i></em><span></span>
                <p class="hint">
                    {$Think.lang.no_more_buying_virtual_goods}
                    <span id="vr-expire-time"></span>
                    {notpresent name="isPlatformStore"}
                    {$Think.lang.expiry_date_buying_package}
                    <span>（{$current_groupbuy_quota.groupbuyquota_endtime|date="Y-m-d H:i"}）</span>
                    {/notpresent}
                </p>
            </dd>
        </dl>

        <dl>
            <dt><i class="required">*</i>{$Think.lang.groupbuy_goods}{$Think.lang.ds_colon}</dt>
            <dd>
                <div dstype="groupbuy_goods_info" class="selected-group-goods " style="display:none;">
                    <div class="goods-thumb"><img id="groupbuy_goods_image" src=""/></div>
                    <div class="goods-name">
                        <a dstype="groupbuy_goods_href" id="groupbuy_goods_name" href="" target="_blank"></a>
                    </div>
                    <div class="goods-price">{$Think.lang.store_price}：￥<span dstype="groupbuy_goods_price"></span></div>
                </div>
                <a href="javascript:void(0);" id="btn_show_search_goods" class="dssc-btn dssc-btn-acidblue">{$Think.lang.groupbuy_index_choose_goods}</a>
                <input id="groupbuy_goods_id" name="groupbuy_goods_id" type="hidden" value=""/>
                <span></span>
                <div id="div_search_goods" class="div-goods-select mt10" style="display: none;">
                    <table class="search-form">
                        <tr>
                            <th class="w150">
                                <strong>{$Think.lang.search_store_items}</strong>
                            </th>
                            <td class="w160">
                                <input id="search_goods_name" type="text w150" class="text" name="goods_name" value=""/>
                            </td>
                            <td class="w70 tc">
                                <a href="javascript:void(0);" id="btn_search_goods" class="dssc-btn"/><i class="iconfont">&#xe718;</i>{$Think.lang.ds_search}</a></td>
                            <td class="w10"></td>
                            <td>
                                <p class="hint">{$Think.lang.display_all_virtual_goods_store}。</p>
                            </td>
                        </tr>
                    </table>
                    <div id="div_goods_search_result" class="search-result" style="width:739px;"></div>
                    <a id="btn_hide_search_goods" class="close" href="javascript:void(0);">X</a>
                </div>
                <p class="hint">{$Think.lang.groupbuy_goods_explain}</p>
            </dd>
        </dl>
        <dl dstype="groupbuy_goods_info" style="display:none;">
            <dt>{$Think.lang.groupbuy_index_store_price}{$Think.lang.ds_colon}</dt>
            <dd> {$Think.lang.currency}<span dstype="groupbuy_goods_price"></span></dd>
        </dl>
        <dl>
            <dt><i class="required">*</i>{$Think.lang.groupbuy_price}{$Think.lang.ds_colon}</dt>
            <dd>
                <input class="w70 text" id="groupbuy_price" name="groupbuy_price" type="text" value=""/><em class="add-on"><i class="iconfont">&#xe65c;</i></em> <span></span>
                <p class="hint">{$Think.lang.groupbuy_price_tip|raw}</p>
            </dd>
        </dl>
        <dl>
            <dt><i class="required">*</i>{$Think.lang.snap_up_photos}{$Think.lang.ds_colon}</dt>
            <dd>
                <div class="dssc-upload-thumb groupbuy-pic">
                    <p><i class="iconfont">&#xe72a;</i>
                        <img dstype="img_groupbuy_image" style="display:none;" src=""/></p>
                </div>
                <input dstype="groupbuy_image" name="groupbuy_image" type="hidden" value="">
                <div class="dssc-upload-btn">
                    <a href="javascript:void(0);">
                        <span>
                            <input type="file" hidefocus="true" size="1" class="input-file" name="groupbuy_image" dstype="btn_upload_image"/>
                        </span>
                        <p><i class="iconfont">&#xe733;</i>{$Think.lang.image_upload}</p>
                    </a>
                </div>
                <span></span>
                <p class="hint">{$Think.lang.group_pic_explain|raw}</p>
            </dd>
        </dl>
        <dl>
            <dt>{$Think.lang.snap_recommended_images}{$Think.lang.ds_colon}</dt>
            <dd>
                <div class="dssc-upload-thumb groupbuy-commend-pic">
                    <p><i class="iconfont">&#xe72a;</i>
                        <img dstype="img_groupbuy_image" style="display:none;" src=""/></p>
                </div>
                <input dstype="groupbuy_image" name="groupbuy_image1" type="hidden" value="">
                <span></span>
                <div class="dssc-upload-btn">
                    <a href="javascript:void(0);">
                        <span>
                            <input type="file" hidefocus="true" size="1" class="input-file" name="groupbuy_image" dstype="btn_upload_image"/>
                        </span>
                        <p><i class="iconfont">&#xe733;</i>{$Think.lang.image_upload}</p>
                    </a>
                </div>
                <p class="hint">{$Think.lang.group_pic_explain2|raw}</p>
            </dd>
        </dl>
        <dl>
            <dt>{$Think.lang.snap_classification}{$Think.lang.ds_colon}</dt>
            <dd>
                <select id="class" name="class" class="w80">
                    <option value="">{$Think.lang.ds_please_choose}</option>
                    {notempty name="classlist"}
                    {foreach name="classlist" item="val"}
                    <option value="{$val.vrgclass_id}">{$val.vrgclass_name}</option>
                    {/foreach}
                    {/notempty}
                </select>
                <select id="s_class" name="s_class" class="w80">
                    <option value="">{$Think.lang.ds_please_choose}</option>
                </select>
                <span></span>
                <p class="hint">{$Think.lang.select_category_virtual_panic_buying}</p>
            </dd>
        </dl>
        <dl>
            <dt>{$Think.lang.virtual_quantity}{$Think.lang.ds_colon}</dt>
            <dd>
                <input class="w70 text" id="virtual_quantity" name="virtual_quantity" type="text" value="0"/>
                <span></span>
                <p class="hint">{$Think.lang.virtual_quantity_explain}</p>
            </dd>
        </dl>
        <dl>
            <dt>{$Think.lang.sale_quantity}{$Think.lang.ds_colon}</dt>
            <dd>
                <input class="w70 text" id="upper_limit" name="upper_limit" type="text" value="0"/>
                <span></span>
                <p class="hint">{$Think.lang.maximum_quantity_available}</p>
            </dd>
        </dl>
        <dl>
            <dt>{$Think.lang.group_intro}{$Think.lang.ds_colon}</dt>
            <dd>
                {:build_editor(['name'=>'groupbuy_intro'])}
                <textarea name="groupbuy_intro" id="groupbuy_intro"></textarea>
                <p class="hr8"><a class="des_demo dssc-btn" href="{:url('Selleralbum/pic_list',['item'=>'groupbuy'])}"><i class="iconfont">&#xe72a;</i>{$Think.lang.store_goods_album_insert_users_photo}</a></p>
                <p id="des_demo" style="display:none;"></p>
            </dd>
        </dl>
        <div class="bottom">
            <input type="submit" class="submit" value="{$Think.lang.ds_submit}">
        </div>
    </form>
</div>
<link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.css">
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/i18n/jquery-ui-timepicker-zh-CN.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-file-upload/jquery.fileupload.js"></script>
<script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/jquery.ajaxContent.pack.js" ></script> 
<script type="text/javascript">
    $(document).ready(function(){

        $("select[name=class]").change(function(){
            var vrgclass_id = $(this).val();
            $.ajax({
                type:'GET',
                url:"{:url('Sellergroupbuy/ajax_vr_class')}",
                data:{vrgclass_id:+vrgclass_id},
                success:function(json){
                    var html = '<option value="">'+'{$Think.lang.ds_please_choose}'+'</option>';
                    if(json){
                        var data = eval("("+json+")");
                        $.each(data,function(i,val){
                            html+='<option value="'+val.vrgclass_id+'">'+val.vrgclass_name+'</option>';
                        });
                    }
                    $("select[name=s_class]").html(html);
                }
            });
        });


        $('#start_time').datetimepicker({dateFormat: 'yy-mm-dd'});
        $('#end_time').datetimepicker({dateFormat: 'yy-mm-dd'});

        $('#btn_show_search_goods').on('click', function() {
            $('#div_search_goods').show();
        });

        $('#btn_hide_search_goods').on('click', function() {
            $('#div_search_goods').hide();
        });

        //搜索商品
        $('#btn_search_goods').on('click', function() {
            var url = "{:url('Sellergroupbuy/search_vr_goods')}";
            var datas =  $.param({goods_name: $('#search_goods_name').val()});
            $('#div_goods_search_result').load(url,datas);
        });

        $('#div_goods_search_result').on('click', '.pagination li a', function() {
            $('#div_goods_search_result').load($(this).attr('href'));
            return false;
        });

        var vrExpireTime = 0;
        var vrLimitNum = 0;

        //选择商品
        $('#div_goods_search_result').on('click', '[dstype="btn_add_groupbuy_goods"]', function() {
            var goods_commonid = $(this).attr('data-goods-commonid');
            $.get("{:url('Sellergroupbuy/groupbuy_goods_info')}", {goods_commonid: goods_commonid}, function(data) {
                if(data.result) {
                    $('#groupbuy_goods_id').val(data.goods_id);
                    $('#groupbuy_goods_image').attr('src', data.goods_image);
                    $('#groupbuy_goods_name').text(data.goods_name);
                    $('[dstype="groupbuy_goods_price"]').text(data.goods_price);
                    $('[dstype="groupbuy_goods_href"]').attr('href', data.goods_href);
                    $('[dstype="groupbuy_goods_info"]').show();
                    $('#div_search_goods').hide();
                    // vr
                    vrExpireTime = '' + data.virtual_indate;
                    $('#vr-expire-time').html('（'+data.virtual_indate_str+'）');
                    vrLimitNum = data.virtual_limit;
                } else {
                    layer.msg(data.message);
                }
            }, 'json');
        });

        //图片上传
        $('[dstype="btn_upload_image"]').fileupload({
            dataType: 'json',
            url: "{:url('Sellergroupbuy/image_upload')}",
            add: function(e, data) {
                $parent = $(this).parents('dd');
                $input = $parent.find('[dstype="groupbuy_image"]');
                $img = $parent.find('[dstype="img_groupbuy_image"]');
                data.formData = {old_groupbuy_image:$input.val()};
                $img.attr('src', "{$Think.HOME_SITE_ROOT}/images/loading.gif");
                data.submit();
            },
            done: function (e,data) {
                var result = data.result;
                $parent = $(this).parents('dd');
                $input = $parent.find('[dstype="groupbuy_image"]');
                $img = $parent.find('[dstype="img_groupbuy_image"]');
                if(result.result) {
                    $img.prev('i').hide();
                    $img.attr('src', result.file_url);
                    $img.show();
                    $input.val(result.file_name);
                } else {
                    layer.msg(data.message);
                }
            }
        });

        jQuery.validator.methods.lessThanVrLimitNum = function(value, element) {
            var v = parseInt(value) || 0;
            if (v > 0 && vrLimitNum && vrLimitNum > 0 && v > vrLimitNum)
                return false;
            return true;
        };

        jQuery.validator.methods.lessThanVrExpireTime = function(value, element) {
            var ts = new Date(Date.parse(value.replace(/-/g, "/"))).getTime() / 1000;
            // console.log(vrExpireTime);
            // console.log(ts);
            return vrExpireTime > ts;
        };

        jQuery.validator.methods.greaterThanDate = function(value, element, param) {
            var date1 = new Date(Date.parse(param.replace(/-/g, "/")));
            var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
            return date1 < date2;
        };

        jQuery.validator.methods.lessThanDate = function(value, element, param) {
            var date1 = new Date(Date.parse(param.replace(/-/g, "/")));
            var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
            return date1 > date2;
        };

        jQuery.validator.methods.greaterThanStartDate = function(value, element) {
            var start_date = $("#start_time").val();
            var date1 = new Date(Date.parse(start_date.replace(/-/g, "/")));
            var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
            return date1 < date2;
        };

        jQuery.validator.methods.checkGroupbuyGoods = function(value, element) {
            var start_time = $("#start_time").val();
            var result = true;
            $.ajax({
                type:"GET",
                url:"{:url('Sellergroupbuy/check_groupbuy_goods')}",
                async:false,
                data:{start_time: start_time, goods_id: value},
                dataType: 'json',
                success: function(data){
                    if(!data.result) {
                        result = false;
                    }
                }
            });
            return result;
        };

        //页面输入内容验证
        $("#add_form").validate({
            errorPlacement: function(error, element){
                var error_td = element.parent('dd').children('span');
                error_td.append(error);
            },
            onfocusout: false,
            rules : {
                groupbuy_name: {
                    required : true
                },
                start_time : {
                    required : true,
                    greaterThanDate : "{$groupbuy_starttime|date='Y-m-d H:i'}"
                },
                end_time : {
                    required : true,
        {notpresent name="isPlatformStore"}
            lessThanDate : "{$current_groupbuy_quota.groupbuyquota_endtime|date='Y-m-d H:i'}",
        {/notpresent}
        lessThanVrExpireTime : true,
            greaterThanStartDate : true
    },
        groupbuy_goods_id: {
            required : true,
                checkGroupbuyGoods: true
        },
        groupbuy_price: {
            required : true,
                number : true,
                min : 0.01,
                max : 1000000
        },
        virtual_quantity: {
            required : true,
                digits : true
        },
        upper_limit: {
            required : true,
                digits : true,
                lessThanVrLimitNum : true
        },
        groupbuy_image2: {
            required : true
        }
    },
        messages : {
            groupbuy_name: {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.group_name_error}'
            },
            start_time : {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.start_time_cannot_empty}',
                greaterThanDate : "<i class='iconfont'>&#xe64c;</i>{$Think.lang.start_time_must_greater}{$groupbuy_starttime|date='Y-m-d H:i'}"
            },
            end_time : {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.end_snap_time_cannot_empty}',
                {notpresent name='isPlatformStore'}
                lessThanDate : "<i class='iconfont'>&#xe64c;</i>{$Think.lang.snap_must_less}{present name='current_groupbuy_quota'}{$current_groupbuy_quota.groupbuyquota_endtime|date='Y-m-d H:i'}{/present}",
                {/notpresent}
                lessThanVrExpireTime : '<i class="iconfont">&#xe64c;</i>{$Think.lang.virtual_product_expiration_time}',
                greaterThanStartDate : '<i class="iconfont">&#xe64c;</i>{$Think.lang.must_greater_start_time}'
            },
            groupbuy_goods_id: {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.group_goods_error}',
                    checkGroupbuyGoods: '{$Think.lang.simultaneous_activities}'
            },
            groupbuy_price: {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.groupbuy_price_error}',
                    number : '<i class="iconfont">&#xe64c;</i>{$Think.lang.groupbuy_price_error}',
                    min : '<i class="iconfont">&#xe64c;</i>{$Think.lang.groupbuy_price_error}',
                    max : '<i class="iconfont">&#xe64c;</i>{$Think.lang.groupbuy_price_error}'
            },
            virtual_quantity: {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.virtual_quantity_error}',
                    digits : '<i class="iconfont">&#xe64c;</i>{$Think.lang.virtual_quantity_error}'
            },
            upper_limit: {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.sale_quantity_error}',
                digits : '<i class="iconfont">&#xe64c;</i>{$Think.lang.sale_quantity_error}',
                lessThanVrLimitNum : '{$Think.lang.limited_quantity_intended_product_itself}'
            },
            groupbuy_image2: {
                required : '<i class="iconfont">&#xe64c;</i>{$Think.lang.snap_images_cannot_empty}'
            }
        }
    });

        $('#li_1').click(function(){
            $('#li_1').attr('class','active');
            $('#li_2').attr('class','');
            $('#demo').hide();
        });

        $('#goods_demo').click(function(){
            $('#li_1').attr('class','');
            $('#li_2').attr('class','active');
            $('#demo').show();
        });

        $('.des_demo').click(function(){
            if($('#des_demo').css('display') == 'none'){
                $('#des_demo').show();
            }else{
                $('#des_demo').hide();
            }
        });

        $('.des_demo').ajaxContent({
            event:'click', //mouseover
            loaderType:"img",
            loadingMsg:"{$Think.HOME_SITE_ROOT}/images/loading.gif",
            target:'#des_demo'
        });
    });
    function insert_editor(file_path){
        ue.execCommand('insertimage', {src:file_path});
    }
</script>


{/block}


